*{
    padding:0rem;
    margin: 0rem;
}
body{
  
    background: url(../assets/images/bgi2.jpg);
 
}
a{text-decoration: none;}
header{
   position:relative;
   width:10rem; /* 375/37.5 */
   height: 1.33rem /* 50/37.5 */;
   background:orange
}
header>a:nth-of-type(1)>img{
    width:4.95rem;
    height:.67rem ;/* 25/37.5 */
    margin-left:.8rem;
    margin-top: .4rem;
}
header>a:nth-of-type(2)>img{
    position:absolute;
  width:.91rem;
  height:.91rem;
    right:0.5rem;
    top:0.3rem;
}
body>h1{
    height:2rem;
    font:1.07rem/2rem "";
    color:orange;
    text-align: center;
    width:100%;
    margin-top: 1rem;
    margin-bottom: 1rem;;
}
form{
    width:80%;
    margin: 0 auto;
    background: none;
    position:relative;
}
form>input{
    width:80%;
   border:0rem;
   outline: 0rem;
   border-bottom:.01rem solid yellow;
    background: none;
    color:#fff;
    font: .53rem/.8rem "";
    margin: .5rem 0;
    margin-left:.8rem;
}
form>input::-webkit-input-placeholder{
    color:red;
    font:.53rem/.6rem "";
}
form>p{
    border: .01rem solid #fff;
    color:#fff;
    position:absolute;
    font:.2rem/.68rem "";
   right:.5rem;
    top:0.4rem;
   display: none;
}
form>b{
    display: block;
    position:absolute;
    width:1.8rem;
    right:.5rem;
    top:2.2rem;
    color:#fff;
    border: .01rem solid #fff;
    text-align: center;
    font: .3rem/.64rem "";
}
form>i{
    display: block;
    position:absolute;
    width:1.8rem;
    right:.5rem;
    top:4rem;
    height:.64rem;
    color:#fff;
    border: .01rem solid #fff;
    text-align: center;
    font: .3rem/.64rem "";
}
form>span{
    color:#fff;
    margin-right:0rem;
    margin-left:.1rem
}
form>h1{
    color:#fff;
    position:absolute;
    font:.2rem/.5rem "";
    left:0.5rem;
    top:5rem;
    display: none;
}
form>div{
    width:50%;
    height:1rem;
    border-radius: .5rem;
    color:#fff;
    background: green;
    margin-top:.5rem;
    font:.6rem/1rem "";
    text-align: center;
    margin-left:2rem;
    /* letter-spacing: .5rem; */
}
form>h2{
    color:#fff;
    position:absolute;
    font:.2rem/.5rem "";
   right:.8rem;
    top:7.8rem;
    display: none;
}
form>h3{
    color:#fff;
    position:absolute;
    font:.2rem/.5rem "";
   right:.8rem;
    top:6rem;
   display: none;
}
form>.mmlook{
    position:absolute;
    top:6rem;
    right:-.5rem;
}
form>.mm2look{
    position:absolute;
    top:7.8rem;
    right:-.5rem;
}
form>s{
    display: block;
    position:absolute;
    right:0rem;
    top:3.2rem;
    height:.64rem;
    color:#fff;
    text-align: center;
    font: .3rem/.64rem "";
    text-decoration: none;
}
form>h5{
    color: #fff;
    width: 90%;
    margin-left:1rem;
    margin-top: .5rem;
    font: .4rem/.6rem "";
}
form>h5>input{
    width:.4rem !important;
    height:.4rem !important;
   margin-right: .1rem;
}
form>h6{
    color: red;
    width: 90%;
    margin-left:1.2rem; 
    margin-top: .5rem;
    font: .6rem/.6rem ""; 
    opacity: 0;
}
body>section{
    width:100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    z-index: 2;
    background: none;
    display: none;
}
body>div{
    background: #fff;
    width:60%;
    height:3rem;
    position: fixed;
    left:20%;
    top:40%;
    text-align: center;
    border-radius: .5rem;
    display: none;
}
body>div>span{
    width:1.5rem;
    height:1.5rem;
    color: green;
    display: block;
    font:1.5rem/1.5rem "" !important;
    margin: 0 auto;;
    margin-top: .5rem;
}
body>div>s{
    text-decoration: none;
}